<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式表 -->
    <link rel="stylesheet" href="../css/注册.css">
</head>
<body>
    <!-- 头部 -->

    <div class="head-all">
        <div class="container clearfix">
            <p class="fl">
                <img src="../imgs/api-new-logo-white.png" alt="">
            </p>
            <p class="fr">
                已有源码账号， <a href="../page/登录.html">立即登录</a>
            </p>
        </div>
    </div>

    <!-- body -->
    <div class="register">
        <div class="register-center container">
            <div class="register-content " style="height: 512px; width: 420px;">
                <h2 class="register-title">欢迎注册</h2>
                <p class="register-p1">
                    百款接口免费试用
                </p>
                <div class="register-orange">
                    <img src="../imgs/reg-gift.png" alt="">
                    注册即送300元大礼包
                </div>

                <div class="register-box">
                    <input class="register-inp" type="text" placeholder="用户名(6~12位字母数字)">
                    <img class="register-del" src="../imgs/clearInput.png" alt="">
                    <p class="clearfix">
                        <span class="re-tip"></span>
                        <span class="re-errmsg">昵称需在6-12位字母数字间</span>
                    </p>
                </div>


                <div class="register-box">
                    <input class="register-inp" type="text" placeholder="请输入手机号码">
                    <img class="register-del" src="../imgs/clearInput.png" alt="">
                    <p class="clearfix">
                        <span class="re-tip"></span>
                        <span class="re-errmsg">请输入正确的手机号</span>
                    </p>
                </div>

                <div class="register-box clearfix">
                    <input class="register-inp re-iphonecode fl" type="text" placeholder="请输入手机短信验证码">
                    <button class="ver-btn fl">获取验证码</button>
                    <img class="register-del re-icon" src="../imgs/clearInput.png" alt="">
                    <p class="clearfix">
                        <span class="re-tip"></span>
                        <span class="re-errmsg">请输入4位手机验证码</span>
                    </p>
                </div>


                <div class="register-box">
                    <input class="register-inp" type="password" placeholder="请输入6至12位的密码">
                    <img class="register-del" src="../imgs/clearInput.png" alt="">
                    <p class="clearfix">
                        <span class="re-tip"></span>
                        <span class="re-errmsg">请输入6至12位的密码</span>
                    </p>
                </div>

                <div class="re-inp-box">
                    <input class="change-btn" type="checkbox"> 我已阅读并接受<a href="#">《源码用户服务协议》</a> <a href="#">《源码隐私政策》</a>
                </div>

                <div class="re-inp-box">
                    <button class="re-btn" disabled>立即注册</button>
                </div>
            </div>
        </div>
    </div>


    <script src="../js/注册.js"></script>
</body>
</html>